<script type="text/javascript" src="<?php echo base_url() . SKINSPATH; ?>js/jHtmlArea/scripts/jHtmlArea-0.7.5.js"></script>
<link rel="Stylesheet" type="text/css" href="<?php echo base_url() . SKINSPATH; ?>js/jHtmlArea/style/jHtmlArea.css" />
<style type="text/css">
        /* body { background: #ccc;} */
        div.jHtmlArea .ToolBar ul li a.custom_disk_button 
        {
            background: url(images/disk.png) no-repeat;
            background-position: 0 0;
        }
        
        div.jHtmlArea { border: solid 1px #ccc; }
    </style>
<div class="content-box">
    <div class="box-header clear">
        <h2><?php echo lang('pg_add_category') ?></h2>
    </div>
    <div class="box-body clear">
        <?php echo validation_errors('<li class="error">', '</li>'); ?>
        <?php echo form_open(base_url() . 'category/add'); ?>
        <div class="form-field clear">
            <label class="form-label fl-space2"><?php echo lang('lbl_category_name') ?> :(<span class="required">*</span>)</label>
            <input type="text" value="<?php echo set_value('category_name'); ?>" name="category_name" class="text small" />
        </div>
        <div class="form-field clear">
	            <label class="form-label fl-space2"><?php echo lang('lbl_termination_letter_content') ?> :</label>
	            <div style="float:left;">
	            <textarea id="txttermination_letter_content" name="content_letter" cols="130" rows="15"><?php echo $category->content_letter;?></textarea>
	            </div>
	        </div>
        <div class="form-field clear">
            <label class="form-label fl-space2"><?php echo lang('lbl_status') ?> :</label>
            <?php echo form_dropdown('status', $status, '0'); ?>
        </div>
        <div class="form_submit">
            <input type="submit" class="submit" value="<?php echo lang('btn_save') ?>" id="save" name="save" />
            <input onclick='location.href = "<?php echo base_url(); ?>category"' type="button" class="submit" value="<?php echo lang('btn_cancel') ?>" name="cancel" />
        </div>
        <?php echo form_close(); ?>
    </div>
</div>
<script type="text/javascript">    
        // You can do this to perform a global override of any of the "default" options
        // jHtmlArea.fn.defaultOptions.css = "jHtmlArea.Editor.css";

        $(function() {
            //$("textarea").htmlarea(); // Initialize all TextArea's as jHtmlArea's with default values

            $("#txttermination_letter_content").htmlarea(); 
        });    
 </script>  